<template>
	<view class="tell">
		<view @click="show=true" class="tellicon">
			<image src="../static/aidex/images/tell.png" mode=""></image>
			<view class="word">
				<view class="">
					疑问
				</view>
				<view class="">
					咨询
				</view>
			</view>
		</view>
		
		<u-popup  border-radius="14" :closeable="true" v-model="show" mode="center" length="80%">
					<view>
						<view class="tit">
							联系客服
						</view>
						<view >
							<image class="img" src="../static/aidex/images/code02.jpg" mode=""></image>
							<p>长按识别添加客服</p>
						</view>
					</view>
				</u-popup>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				show:false
			}
		},
		methods:{
			
		}
	}
</script>

<style scoped lang="scss">
	.tit{
		text-align: center;
		padding:40rpx 20rpx 0rpx;
		font-family: Alibaba-PuHuiTi, Alibaba-PuHuiTi;
		font-weight: bold;
		font-size: 34rpx;
		
	}
	.img{
		width: 400rpx;
		height: 400rpx;
		display: block;
		margin: 40rpx auto 0;
	}
	p{
		font-family: Alibaba-PuHuiTi, Alibaba-PuHuiTi;
		font-weight: normal;
		font-size: 28rpx;
		line-height: 42rpx;
		text-align: center;
		padding-bottom: 50rpx;
	}
	.tell {
		position: fixed;
		z-index: 8;
		bottom: 200rpx;
		right: 50rpx;
		width: 89rpx;
		height: 152rpx;
		background: #005850;
		border-radius: 22rpx 22rpx 45rpx 45rpx;
	
		.tellicon {
			image {
				width: 48rpx;
				height: 45rpx;
				display: block;
				margin: 22rpx auto 6rpx;
			}
	
			.word {
				text-align: center;
				font-family: Alibaba-PuHuiTi, Alibaba-PuHuiTi;
				font-weight: normal;
				font-size: 24rpx;
				color: #FFFFFF;
				line-height: 28rpx;
			}
	
		}
	}
</style>